
$blue: #03A9F4 !default; 
//  变量默认值： !default你可以在变量尚未赋值前，
// 通过在值的末尾处添加 !default 标记来为其指定。
//  也就是说，如果该变量已经被赋值， 就不会再次赋值， 
// 但是，如果还没有被赋值，就会被指定一个值。
$red:#F44336 !default;
$green:#4CAF50 !default;
$purple:#673AB7 !default;
$orange:#FF9800 !default;
$colors:() !default;
$colors: map-merge(
    (
    "blue":$blue,
    "red":$red,
    "green":$green,
    "purple":$purple,
    "orange":$orange
    ) , 
    $colors) ;
$enable-grid-classes :true !default;
$grid-columns: 12 !default;
$grid-gutter-width:  30px !default;
$grid-breakpoints: (
    xs: 0,
    sm:1px,
    md:768px,
    lg:1024px,
    xl:1200px
) !default;
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1170px
) !default;